<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    

    <title>WEB 面试题（J2EE开发） | 钱猛的个人博客</title>
    <meta name="author" content="钱猛">
    
    <meta name="description" content="钱猛的个人博客。全栈发展向。无所谓做什么，只要是当前最感兴趣的事！随心、随性、随缘！">
    
    
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta property="og:title" content="WEB 面试题（J2EE开发）"/>
    <meta property="og:site_name" content="钱猛 &amp; 博客"/>

    
    <meta property="og:image" content="undefined"/>
    

    <link rel="icon" type="image/png" href="/qianmeng/favicon.png">
    <link rel="alternate" href="/qianmeng/atom.xml" title="钱猛 &amp; 博客" type="application/atom+xml">
    <link rel="stylesheet" href="/qianmeng/css/lib/materialize.min.css">
    <link rel="stylesheet" href="/qianmeng/css/lib/font-awesome.min.css">
    <link rel="stylesheet" href="/qianmeng/css/style.css" media="screen" type="text/css">

    
        <link rel="stylesheet" href="/qianmeng/css/lib/prettify-tomorrow-night-eighties.css" type="text/css">
    
    <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?fc7f849e9fbb3ea12b2683af4ccaa000";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>


<body>
    <img src="/weixin_favicon.png" style="position: absolute; left: -9999px; opacity: 0; filter: alpha(opacity=0);">

    <nav class="indigo">
    <div class="nav-wrapper">
        <a href="#" data-activates="main-menu" class="button-collapse">
            <i class="fa fa-navicon"></i>
        </a>
        <div class="">
            <a href="/" class="brand-logo hide-on-med-and-down">钱猛 &amp; 博客 | 
			<span style="color:#E91E63;font-size:18px;">
			<i class="fa fa-flag"></i><span id="busuanzi_value_site_pv"></span>. 
			<i class="fa fa-user"></i><span id="busuanzi_value_site_uv"></span>
			</span> 
			</a> 
            <ul class="right hide-on-med-and-down">
                
                    <li>
                        <a class="menu-home " href="/qianmeng" >
                            <i class="fa fa-home "></i>
                            
                            首页
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-archive " href="/qianmeng/archives" >
                            <i class="fa fa-archive "></i>
                            
                            归档
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-category category-menu" href="javascript:;" data-activates="category-menu" >
                            <i class="fa fa-bookmark "></i>
                            
                            分类
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-tag " href="/qianmeng/tags" >
                            <i class="fa fa-tag "></i>
                            
                            标签
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-reading " href="/qianmeng/reading" >
                            <i class="fa fa-book "></i>
                            
                            读书
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-about " href="/qianmeng/about" >
                            <i class="fa fa-user "></i>
                            
                            关于
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-search modal-trigger " href="#search" >
                            <i class="fa fa-search "></i>
                            
                            搜索
                        </a>
                    </li>
                
            </ul>
            <div>
    <ul class="side-nav indigo darken-1" id="main-menu">
        
        <li class="side-user">
            <div class="row">
                <div class="col s4 no-padding">
                    <img class="avatar-image circle responsive-img" src="https://raw.githubusercontent.com/qianmeng/resources/master/head.jpg" alt="User Avatar">
                </div>
                <div class="info col s8 valign-wrapper no-padding">
                    <div class="valign">
                        <p class="name">钱猛</p>
                        <p class="desc">全栈工程师</p>
                    </div>
                </div>
            </div>
        </li>
        

        
            <li class="no-padding">
                <a class="waves-effect menu-home " href="/qianmeng" >
                    <i class="fa fa-home "></i>
                    
                    首页
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-archive " href="/qianmeng/archives" >
                    <i class="fa fa-archive "></i>
                    
                    归档
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-category category-menu" href="javascript:;" data-activates="category-menu" >
                    <i class="fa fa-bookmark "></i>
                    
                    分类
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-tag " href="/qianmeng/tags" >
                    <i class="fa fa-tag "></i>
                    
                    标签
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-reading " href="/qianmeng/reading" >
                    <i class="fa fa-book "></i>
                    
                    读书
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-about " href="/qianmeng/about" >
                    <i class="fa fa-user "></i>
                    
                    关于
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-search modal-trigger " href="#search" >
                    <i class="fa fa-search "></i>
                    
                    搜索
                </a>
            </li>
        
    </ul>

    <ul class="side-nav indigo darken-1" id="category-menu">
    

            

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/总结/">
                    总结 <span class="right">9 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/总结/个人总结/">
                    个人总结 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/总结/会展总结/">
                    会展总结 <span class="right">3 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/总结/个人技能/">
                    个人技能 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/总结/公司管理/">
                    公司管理 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/总结/编程经验/">
                    编程经验 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/面试/">
                    面试 <span class="right">6 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/面试/Android/">
                    Android <span class="right">3 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/面试/Python/">
                    Python <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/面试/web/">
                    web <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/面试/前端/">
                    前端 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/前端/">
                    前端 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/前端/AngularJs/">
                    AngularJs <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/后台/">
                    后台 <span class="right">5 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/后台/Apache-CXF/">
                    Apache-CXF <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/后台/Apache-Http-Server/">
                    Apache-Http-Server <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/后台/Ehcache/">
                    Ehcache <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/后台/Hibernate/">
                    Hibernate <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/后台/MetaQ/">
                    MetaQ <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/架构/">
                    架构 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/架构/Hexo/">
                    Hexo <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/量化交易/">
                    量化交易 <span class="right">5 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/量化交易/Matlab/">
                    Matlab <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/量化交易/股票/">
                    股票 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/量化交易/爬虫/">
                    爬虫 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/量化交易/期货/">
                    期货 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/数据库/">
                    数据库 <span class="right">5 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/数据库/PostGreSQL/">
                    PostGreSQL <span class="right">5 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/Android/">
                    Android <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/Android/Vollery/">
                    Vollery <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/IOS/">
                    IOS <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/IOS/itms-services/">
                    itms-services <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/网络/">
                    网络 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/网络/互联网协议/">
                    互联网协议 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/工具分享/">
                    工具分享 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/工具分享/系统工具/">
                    系统工具 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/微信/">
                    微信 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/微信/帐号区别/">
                    帐号区别 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/星座/">
                    星座 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/星座/归类/">
                    归类 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/星座/性格/">
                    性格 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/qianmeng/categories/美女/">
                    美女 <span class="right">17 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/qianmeng/categories/美女/素人/">
                    素人 <span class="right">17 篇</span></a>
                </a>
            </li>

        

    </ul>
</div>

        </div>
    </div>
</nav>

<div id="search" class="modal search-modal">
    <div class="row">
        <div class="input-field col s12">
              <input id="search-input" type="text">
              <label for="search-input">搜索</label>
        </div>

    </div>
    <div id="search-result" class="search-result col s12">

    </div>
</div>


    <main>
        <div class="container main-container">
    
<nav class="page-nav hide-on-small-only">
    <div class="nav-wrapper indigo">
        <span class="breadcrumb">当前位置（分类目录）</span>
        
            
    
    
    <a class="breadcrumb" href="/qianmeng/categories/面试/">面试</a><a class="breadcrumb" href="/qianmeng/categories/面试/web/">web</a>


        

        
    </div>
</nav>

<article>
    <div class="card">
        <div class="card-content">
            

            <div class="article-title">
                
    
        <h1>WEB 面试题（J2EE开发）</h1>
    


            </div>
            <i class="fa fa-pencil-square"></i><time class="pink-link-context" datetime="2015-07-01T10:06:50.000Z"><a href="/qianmeng/2015/07/01/WEB 面试题（J2EE开发）/">2015-07-01</a></time>

			<i class="fa fa-flag"></i><span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span> 人点击
            
    <div class="tags-row">
        
            <a href="/qianmeng/tags/面试/" class="chip pink lighten-1">面试</a>
        
            <a href="/qianmeng/tags/J2EE/" class="chip pink lighten-1">J2EE</a>
        
    </div>


            <div class="toc pink-link-context hide-on-med-and-down">
    <ol class="section table-of-contents"><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#一-框架相关"><span class="section table-of-contents-text">一、框架相关</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#二-前端相关"><span class="section table-of-contents-text">二、前端相关</span></a></li></ol>
</div>


            <div class="entry pink-link-context">
                <h3 id="&#x4E00;-&#x6846;&#x67B6;&#x76F8;&#x5173;"><a href="#&#x4E00;&#x3001;&#x6846;&#x67B6;&#x76F8;&#x5173;" class="headerlink" title="&#x4E00;&#x3001;&#x6846;&#x67B6;&#x76F8;&#x5173;"></a>&#x4E00;&#x3001;&#x6846;&#x67B6;&#x76F8;&#x5173;</h3><p>1&#x3001;jsp&#x548C;servlet&#x7684;&#x533A;&#x522B;&#x3001;&#x5171;&#x540C;&#x70B9;&#x3001;&#x5404;&#x81EA;&#x5E94;&#x7528;&#x7684;&#x8303;&#x56F4;&#xFF1F;&#xFF1F;</p>
<blockquote>
<p>JSP&#x662F;Servlet&#x6280;&#x672F;&#x7684;&#x6269;&#x5C55;&#xFF0C;&#x672C;&#x8D28;&#x4E0A;&#x5C31;&#x662F;Servlet&#x7684;&#x7B80;&#x6613;&#x65B9;&#x5F0F;&#x3002;JSP&#x7F16;&#x8BD1;&#x540E;&#x662F;&#x201C;&#x7C7B;servlet&#x201D;&#x3002;Servlet&#x548C;JSP&#x6700;&#x4E3B;&#x8981;&#x7684;&#x4E0D;&#x540C;&#x70B9;&#x5728;&#x4E8E;&#xFF0C;Servlet&#x7684;&#x5E94;&#x7528;&#x903B;&#x8F91;&#x662F;&#x5728;Java&#x6587;&#x4EF6;&#x4E2D;&#xFF0C;&#x5E76;&#x4E14;&#x5B8C;&#x5168;&#x4ECE;&#x8868;&#x793A;&#x5C42;&#x4E2D;&#x7684;HTML&#x91CC;&#x5206;&#x79BB;&#x5F00;&#x6765;&#x3002;&#x800C;JSP&#x7684;&#x60C5;&#x51B5;&#x662F;Java&#x548C;HTML&#x53EF;&#x4EE5;&#x7EC4;&#x5408;&#x6210;&#x4E00;&#x4E2A;&#x6269;&#x5C55;&#x540D;&#x4E3A;.jsp&#x7684;&#x6587;&#x4EF6;&#x3002;JSP&#x4FA7;&#x91CD;&#x4E8E;&#x89C6;&#x56FE;&#xFF0C;Servlet&#x4E3B;&#x8981;&#x7528;&#x4E8E;&#x63A7;&#x5236;&#x903B;&#x8F91;&#x3002;&#x5728;struts&#x6846;&#x67B6;&#x4E2D;,JSP&#x4F4D;&#x4E8E;MVC&#x8BBE;&#x8BA1;&#x6A21;&#x5F0F;&#x7684;&#x89C6;&#x56FE;&#x5C42;,&#x800C;Servlet&#x4F4D;&#x4E8E;&#x63A7;&#x5236;&#x5C42;.</p>
</blockquote>
<p>2&#x3001;cookie&#x548C;session&#x7684;&#x4F5C;&#x7528;&#x3001;&#x533A;&#x522B;&#x3001;&#x5E94;&#x7528;&#x8303;&#x56F4;&#xFF0C;session&#x7684;&#x5DE5;&#x4F5C;&#x539F;&#x7406;&#xFF1F;&#xFF1F;&#xFF1F;</p>
<blockquote>
<p>Cookie:&#x4E3B;&#x8981;&#x7528;&#x5728;&#x4FDD;&#x5B58;&#x5BA2;&#x6237;&#x7AEF;&#xFF0C;&#x5176;&#x503C;&#x5728;&#x5BA2;&#x6237;&#x7AEF;&#x4E0E;&#x670D;&#x52A1;&#x7AEF;&#x4E4B;&#x95F4;&#x4F20;&#x9001;&#xFF0C;&#x4E0D;&#x5B89;&#x5168;&#xFF0C;&#x5B58;&#x50A8;&#x7684;&#x6570;&#x636E;&#x91CF;&#x6709;&#x9650;&#x3002;<br>Session:&#x4FDD;&#x5B58;&#x5728;&#x670D;&#x52A1;&#x7AEF;&#xFF0C;&#x6BCF;&#x4E00;&#x4E2A;session&#x5728;&#x670D;&#x52A1;&#x7AEF;&#x6709;&#x4E00;&#x4E2A;sessionID&#x4F5C;&#x4E00;&#x4E2A;&#x6807;&#x8BC6;&#x3002;&#x5B58;&#x50A8;&#x7684;&#x6570;&#x636E;&#x91CF;&#x5927;&#xFF0C;&#x5B89;&#x5168;&#x6027;&#x9AD8;&#x3002;&#x5360;&#x7528;&#x670D;&#x52A1;&#x7AEF;&#x7684;&#x5185;&#x5B58;&#x8D44;&#x6E90;&#x3002;</p>
</blockquote>
<p>3&#x3001;jstl&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#x4F18;&#x70B9;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#xFF1F;</p>
<blockquote>
<p>JSTL&#xFF08;JSP  Standard&#x3000;Tag&#x3000;Library&#x3000;&#xFF0C;JSP&#x6807;&#x51C6;&#x6807;&#x7B7E;&#x5E93;)&#x662F;&#x4E00;&#x4E2A;&#x4E0D;&#x65AD;&#x5B8C;&#x5584;&#x7684;&#x5F00;&#x653E;&#x6E90;&#x4EE3;&#x7801;&#x7684;JSP&#x6807;&#x7B7E;&#x5E93;&#xFF0C;&#x7531;&#x56DB;&#x4E2A;&#x5B9A;&#x5236;&#x6807;&#x8BB0;&#x5E93;&#xFF08;core&#x3001;format&#x3001;xml  &#x548C; sql&#xFF09;&#x548C;&#x4E00;&#x5BF9;&#x901A;&#x7528;&#x6807;&#x8BB0;&#x5E93;&#x9A8C;&#x8BC1;&#x5668;&#xFF08;ScriptFreeTLV &#x548C;PermittedTaglibsTLV&#xFF09;&#x7EC4;&#x6210;&#x3002;&#x4F18;&#x70B9;&#x6709;&#xFF1A;<br>1&#x3001; &#x5728;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x670D;&#x52A1;&#x5668;&#x4E4B;&#x95F4;&#x63D0;&#x4F9B;&#x4E86;&#x4E00;&#x81F4;&#x7684;&#x63A5;&#x53E3;&#xFF0C;&#x6700;&#x5927;&#x7A0B;&#x5E8F;&#x5730;&#x63D0;&#x9AD8;&#x4E86;WEB&#x5E94;&#x7528;&#x5728;&#x5404;&#x5E94;&#x7528;&#x670D;&#x52A1;&#x5668;&#x4E4B;&#x95F4;&#x7684;&#x79FB;&#x690D;&#x3002;<br> 2&#x3001;&#x7B80;&#x5316;&#x4E86;JSP&#x548C;WEB&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x7684;&#x5F00;&#x53D1;&#x3002;<br> 3&#x3001;&#x4EE5;&#x4E00;&#x79CD;&#x7EDF;&#x4E00;&#x7684;&#x65B9;&#x5F0F;&#x51CF;&#x5C11;&#x4E86;JSP&#x4E2D;&#x7684;scriptlet&#x4EE3;&#x7801;&#x6570;&#x91CF;&#xFF0C;&#x53EF;&#x4EE5;&#x8FBE;&#x5230;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;scriptlet&#x4EE3;&#x7801;&#x7684;&#x7A0B;&#x5E8F;&#x3002;&#x5728;&#x6211;&#x4EEC;&#x516C;&#x53F8;&#x7684;&#x9879;&#x76EE;&#x4E2D;&#x662F;&#x4E0D;&#x5141;&#x8BB8;&#x6709;&#x4EFB;&#x4F55;&#x7684;scriptlet&#x4EE3;&#x7801;&#x51FA;&#x73B0;&#x5728;JSP&#x4E2D;&#x3002;<br>4&#x3001;&#x5141;&#x8BB8;JSP&#x8BBE;&#x8BA1;&#x5DE5;&#x5177;&#x4E0E;WEB&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x5F00;&#x53D1;&#x7684;&#x8FDB;&#x4E00;&#x6B65;&#x96C6;&#x6210;&#x3002;&#x76F8;&#x4FE1;&#x4E0D;&#x4E45;&#x5C31;&#x4F1A;&#x6709;&#x652F;&#x6301;JSTL&#x7684;IDE&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#x51FA;&#x73B0;&#x3002;</p>
</blockquote>
<p>4&#x3001;j2ee&#x7684;&#x4F18;&#x8D8A;&#x6027;&#x4E3B;&#x8981;&#x8868;&#x73B0;&#x5728;&#x54EA;&#x4E9B;&#x65B9;&#x9762;&#xFF1F;</p>
<blockquote>
<p>MVC&#x6A21;&#x5F0F;<br>a&#x3001;J2EE&#x57FA;&#x4E8E;JAVA &#x6280;&#x672F;&#xFF0C;&#x4E0E;&#x5E73;&#x53F0;&#x65E0;&#x5173;<br>b&#x3001;J2EE&#x62E5;&#x6709;&#x5F00;&#x653E;&#x6807;&#x51C6;&#xFF0C;&#x8BB8;&#x591A;&#x5927;&#x578B;&#x516C;&#x53F8;&#x5B9E;&#x73B0;&#x4E86;&#x5BF9;&#x8BE5;&#x89C4;&#x8303;&#x652F;&#x6301;&#x7684;&#x5E94;&#x7528;&#x670D;&#x52A1;&#x5668;&#x3002;&#x5982;BEA ,IBM,ORACLE&#x7B49;&#x3002;<br>c&#x3001;J2EE&#x63D0;&#x4F9B;&#x76F8;&#x5F53;&#x4E13;&#x4E1A;&#x7684;&#x901A;&#x7528;&#x8F6F;&#x4EF6;&#x670D;&#x52A1;&#x3002;<br>d&#x3001;J2EE&#x63D0;&#x4F9B;&#x4E86;&#x4E00;&#x4E2A;&#x4F18;&#x79C0;&#x7684;&#x4F01;&#x4E1A;&#x7EA7;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x6846;&#x67B6;&#xFF0C;&#x5BF9;&#x5FEB;&#x901F;&#x9AD8;&#x8D28;&#x91CF;&#x7684;&#x5F00;&#x53D1;&#x7CFB;&#x7EDF;&#x6253;&#x4E0B;&#x4E86;&#x57FA;&#x7840;&#x3002;<br>Model&#x6A21;&#x578B;&#xFF1A;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x7684;&#x4E3B;&#x4F53;&#x90E8;&#x5206;&#xFF0C;&#x7528;&#x4E8E;&#x8868;&#x793A;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x3002;<br>View&#x89C6;&#x56FE;&#xFF1A;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x4E2D;&#x7528;&#x6237;&#x754C;&#x9762;&#x76F8;&#x5173;&#x7684;&#x90E8;&#x5206;&#xFF0C;&#x662F;&#x7528;&#x6237;&#x770B;&#x5230;&#x5E76;&#x4E0E;&#x4E4B;&#x4EA4;&#x4E92;&#x7684;&#x754C;&#x9762;&#x3002;<br>Controller&#x63A7;&#x5236;&#x5668;&#xFF1A;&#x7528;&#x4E8E;&#x6839;&#x636E;&#x7528;&#x6237;&#x7684;&#x8F93;&#x5165;&#xFF0C;&#x63A7;&#x5236;&#x7528;&#x6237;&#x754C;&#x9762;&#x6570;&#x636E;&#x663E;&#x793A;&#xFF0C;&#x66F4;&#x65B0;Model&#x5BF9;&#x8C61;&#x72B6;&#x6001;&#x3002;<br>MVC&#x6A21;&#x5F0F;&#x7684;&#x51FA;&#x73B0;&#x4E0D;&#x4EC5;&#x5B9E;&#x73B0;&#x4E86;&#x529F;&#x80FD;&#x6A21;&#x5757;&#x548C;&#x663E;&#x793A;&#x6A21;&#x5757;&#x7684;&#x5206;&#x79BB;&#xFF0C;&#x540C;&#x65F6;&#x8FD8;&#x63D0;&#x591F;&#x4E86;&#x5E94;&#x7528;&#x7CFB;&#x7EDF;&#x7684;&#x53EF;&#x7EF4;&#x62A4;&#x3001;&#x53EF;&#x6269;&#x5C55;&#x6027;&#x3001;&#x53EF;&#x79FB;&#x690D;&#x6027;&#x3001;&#x548C;&#x7EC4;&#x5EFA;&#x7684;&#x53EF;&#x590D;&#x7528;&#x6027;&#x3002;</p>
</blockquote>
<p>5&#x3001;Struts&#x7684;&#x4F18;&#x70B9;</p>
<blockquote>
<p>a&#x3001;&#x5B9E;&#x73B0;MVC&#x6A21;&#x5F0F;&#xFF0C;&#x7ED3;&#x6784;&#x6E05;&#x6670;&#xFF0C;&#x4F7F;&#x5F00;&#x53D1;&#x8005;&#x53EA;&#x9700;&#x5173;&#x6CE8;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x7684;&#x5B9E;&#x73B0;&#x3002;<br>b&#x3001;&#x6709;&#x4E30;&#x5BCC;&#x7684;tag&#x53EF;&#x4EE5;&#x7528;&#xFF0C;&#x80FD;&#x5927;&#x5927;&#x63D0;&#x591F;&#x5F00;&#x53D1;&#x6548;&#x7387;&#xFF0C;&#x7F29;&#x77ED;&#x5F00;&#x53D1;&#x65F6;&#x95F4;&#x3002;<br>c&#x3001;&#x9875;&#x9762;&#x5BFC;&#x822A;&#x3002;&#x901A;&#x8FC7;&#x4E00;&#x4E2A;&#x914D;&#x7F6E;&#x6587;&#x4EF6;&#xFF0C;&#x5373;&#x53EF;&#x628A;&#x63E1;&#x6574;&#x4E2A;&#x7CFB;&#x7EDF;&#x5404;&#x90E8;&#x5206;&#x4E4B;&#x95F4;&#x7684;&#x8054;&#x7CFB;&#xFF0C;&#x8FD9;&#x5BF9;&#x4E8E;&#x540E;&#x671F;&#x7684;&#x7EF4;&#x62A4;&#x6709;&#x5F88;&#x5927;&#x7684;&#x597D;&#x5904;<br>d&#x3001;&#x63D0;&#x4F9B;Exception&#x5904;&#x7406;&#x673A;&#x5236;<br>e&#x3001;&#x652F;&#x6301;L18N</p>
</blockquote>
<p>9&#x3001;&#x8FC7;&#x6EE4;&#x5668;&#x548C;&#x62E6;&#x622A;&#x5668;&#x7684;&#x533A;&#x522B;</p>
<blockquote>
<p>1&#x3001;&#x62E6;&#x622A;&#x5668;&#x662F;&#x57FA;&#x4E8E;java&#x7684;&#x53CD;&#x5C04;&#x673A;&#x5236;&#x7684;&#xFF0C;&#x800C;&#x8FC7;&#x6EE4;&#x5668;&#x662F;&#x57FA;&#x4E8E;&#x51FD;&#x6570;&#x56DE;&#x8C03;<br>2&#x3001;&#x8FC7;&#x6EE4;&#x5668;&#x4F9D;&#x8D56;&#x4E8E;servlet&#x5BB9;&#x5668;&#xFF0C;&#x800C;&#x62E6;&#x622A;&#x5668;&#x4E0D;&#x4F9D;&#x8D56;&#x4E8E;servlet&#x5BB9;&#x5668;<br>3&#x3001;&#x62E6;&#x622A;&#x5668;&#x53EA;&#x80FD;&#x5BF9;action&#x8BF7;&#x6C42;&#x8D77;&#x4F5C;&#x7528;&#xFF0C;&#x800C;&#x8FC7;&#x6EE4;&#x5668;&#x5219;&#x53EF;&#x4EE5;&#x5BF9;&#x51E0;&#x4E4E;&#x6240;&#x6709;&#x7684;&#x8BF7;&#x6C42;&#x8D77;&#x4F5C;&#x7528;<br>4&#x3001;&#x62E6;&#x622A;&#x5668;&#x53EF;&#x4EE5;&#x8BBF;&#x95EE;action&#x4E0A;&#x4E0B;&#x6587;&#x3001;&#x503C;&#x6808;&#x91CC;&#x7684;&#x5BF9;&#x8C61;&#xFF0C;&#x800C;&#x8FC7;&#x6EE4;&#x5668;&#x4E0D;&#x80FD;<br>5&#x3001;&#x5728;action&#x7684;&#x751F;&#x547D;&#x5468;&#x671F;&#x4E2D;&#xFF0C;&#x62E6;&#x622A;&#x5668;&#x53EF;&#x4EE5;&#x591A;&#x6B21;&#x88AB;&#x8C03;&#x7528;&#xFF0C;&#x800C;&#x8FC7;&#x6EE4;&#x5668;&#x53EA;&#x5728;&#x5BB9;&#x5668;&#x521D;&#x59CB;&#x5316;&#x65F6;&#x8C03;&#x7528;&#x4E00;&#x6B21;<br>&#x62E6;&#x622A;&#x5668; &#xFF1A;&#x662F;&#x5728;&#x9762;&#x5411;&#x5207;&#x9762;&#x7F16;&#x7A0B;&#x7684;&#x5C31;&#x662F;&#x5728;&#x4F60;&#x7684;service&#x6216;&#x8005;&#x4E00;&#x4E2A;&#x65B9;&#x6CD5;&#xFF0C;&#x524D;&#x8C03;&#x7528;&#x4E00;&#x4E2A;&#x65B9;&#x6CD5;&#xFF0C;&#x6216;&#x8005;&#x5728;&#x65B9;&#x6CD5;&#x540E;&#x8C03;&#x7528;&#x4E00;&#x4E2A;&#x65B9;&#x6CD5;&#x6BD4;&#x5982;&#x52A8;&#x6001;&#x4EE3;&#x7406;&#x5C31;&#x662F;&#x62E6;&#x622A;&#x5668;&#x7684;&#x7B80;&#x5355;&#x5B9E;&#x73B0;&#xFF0C;&#x5728;&#x4F60;&#x8C03;&#x7528;&#x65B9;&#x6CD5;&#x524D;&#x6253;&#x5370;&#x51FA;&#x5B57;&#x7B26;&#x4E32;&#xFF08;&#x6216;&#x8005;&#x505A;&#x5176;&#x5B83;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x7684;&#x64CD;&#x4F5C;&#xFF09;&#xFF0C;&#x4E5F;&#x53EF;&#x4EE5;&#x5728;&#x4F60;&#x8C03;&#x7528;&#x65B9;&#x6CD5;&#x540E;&#x6253;&#x5370;&#x51FA;&#x5B57;&#x7B26;&#x4E32;&#xFF0C;&#x751A;&#x81F3;&#x5728;&#x4F60;&#x629B;&#x51FA;&#x5F02;&#x5E38;&#x7684;&#x65F6;&#x5019;&#x505A;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x7684;&#x64CD;&#x4F5C;&#x3002;<br>&#x8FC7;&#x6EE4;&#x5668;&#xFF1A;&#x662F;&#x5728;java web&#x4E2D;&#xFF0C;&#x4F60;&#x4F20;&#x5165;&#x7684;request,response&#x63D0;&#x524D;&#x8FC7;&#x6EE4;&#x6389;&#x4E00;&#x4E9B;&#x4FE1;&#x606F;&#xFF0C;&#x6216;&#x8005;&#x63D0;&#x524D;&#x8BBE;&#x7F6E;&#x4E00;&#x4E9B;&#x53C2;&#x6570;&#xFF0C;&#x7136;&#x540E;&#x518D;&#x4F20;&#x5165;servlet&#x6216;&#x8005;struts&#x7684;action&#x8FDB;&#x884C;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#xFF0C;&#x6BD4;&#x5982;&#x8FC7;&#x6EE4;&#x6389;&#x975E;&#x6CD5;url&#xFF08;&#x4E0D;&#x662F;login.do&#x7684;&#x5730;&#x5740;&#x8BF7;&#x6C42;&#xFF0C;&#x5982;&#x679C;&#x7528;&#x6237;&#x6CA1;&#x6709;&#x767B;&#x9646;&#x90FD;&#x8FC7;&#x6EE4;&#x6389;&#xFF09;,&#x6216;&#x8005;&#x5728;&#x4F20;&#x5165;servlet&#x6216;&#x8005; struts&#x7684;action&#x524D;&#x7EDF;&#x4E00;&#x8BBE;&#x7F6E;&#x5B57;&#x7B26;&#x96C6;&#xFF0C;&#x6216;&#x8005;&#x53BB;&#x9664;&#x6389;&#x4E00;&#x4E9B;&#x975E;&#x6CD5;&#x5B57;&#x7B26;.</p>
</blockquote>
<p>10&#x3001;Hibernate&#x662F;&#x4E00;&#x4E2A;&#x5F00;&#x653E;&#x6E90;&#x4EE3;&#x7801;&#x7684;&#x5BF9;&#x8C61;&#x5173;&#x7CFB;&#x6620;&#x5C04;&#x6846;&#x67B6;&#xFF0C;&#x5B83;&#x5BF9;JDBC&#x8FDB;&#x884C;&#x4E86;&#x975E;&#x5E38;&#x8F7B;&#x91CF;&#x7EA7;&#x7684;&#x5BF9;&#x8C61;&#x5C01;&#x88C5;&#xFF0C;&#x4F7F;&#x5F97;java&#x7A0B;&#x5E8F;&#x5458;&#x53EF;&#x4EE5;&#x968F;&#x5FC3;&#x6240;&#x6B32;&#x7684;&#x4F7F;&#x7528;&#x5BF9;&#x8C61;&#x7F16;&#x7A0B;&#x601D;&#x7EF4;&#x6765;&#x64CD;&#x7EB5;&#x6570;&#x636E;&#x5E93;&#x3002;</p>
<blockquote>
<p>&#x5DE5;&#x4F5C;&#x539F;&#x7406;&#xFF1A;<br>1&#x3001;&#x8BFB;&#x53D6;&#x5E76;&#x89E3;&#x6790;&#x914D;&#x7F6E;&#x6587;&#x4EF6;<br>2&#x3001;&#x8BFB;&#x53D6;&#x5E76;&#x89E3;&#x6790;&#x6620;&#x5C04;&#x4FE1;&#x606F;&#xFF0C;&#x521B;&#x5EFA;SessionFactory<br>3&#x3001;&#x6253;&#x5F00;Sesssion<br>4&#x3001;&#x521B;&#x5EFA;&#x4E8B;&#x52A1;Transation<br>5&#x3001;&#x6301;&#x4E45;&#x5316;&#x64CD;&#x4F5C;<br>6&#x3001;&#x63D0;&#x4EA4;&#x4E8B;&#x52A1;<br>7&#x3001;&#x5173;&#x95ED;Session<br>8&#x3001;&#x5173;&#x95ED;SesstionFactory<br>&#x4F18;&#x70B9;&#x6709;&#xFF1A;<br>1.&#x3001;&#x5BF9;JDBC&#x8BBF;&#x95EE;&#x6570;&#x636E;&#x5E93;&#x7684;&#x4EE3;&#x7801;&#x505A;&#x4E86;&#x5C01;&#x88C5;&#xFF0C;&#x5927;&#x5927;&#x7B80;&#x5316;&#x4E86;&#x6570;&#x636E;&#x8BBF;&#x95EE;&#x5C42;&#x7E41;&#x7410;&#x7684;&#x91CD;&#x590D;&#x6027;&#x4EE3;&#x7801;&#x3002;<br>2&#x3001;Hibernate&#x662F;&#x4E00;&#x4E2A;&#x57FA;&#x4E8E;JDBC&#x7684;&#x4E3B;&#x6D41;&#x6301;&#x4E45;&#x5316;&#x6846;&#x67B6;&#xFF0C;&#x662F;&#x4E00;&#x4E2A;&#x4F18;&#x79C0;&#x7684;ORM&#x5B9E;&#x73B0;&#x3002;&#x4ED6;&#x5F88;&#x5927;&#x7A0B;&#x5EA6;&#x7684;&#x7B80;&#x5316;DAO&#x5C42;&#x7684;&#x7F16;&#x7801;&#x5DE5;&#x4F5C;<br>3&#x3001;Hibernate&#x4F7F;&#x7528;Java&#x53CD;&#x5C04;&#x673A;&#x5236;&#x800C;&#x4E0D;&#x662F;&#x5B57;&#x8282;&#x7801;&#x589E;&#x5F3A;&#x7A0B;&#x5E8F;&#x6765;&#x5B9E;&#x73B0;&#x900F;&#x660E;&#x6027;&#x3002;<br>4&#x3001;Hibernate&#x7684;&#x6027;&#x80FD;&#x597D;&#xFF0C;&#x6620;&#x5C04;&#x7684;&#x7075;&#x6D3B;&#x6027;&#x6BD4;&#x8F83;&#x51FA;&#x8272;&#x3002;&#x5B83;&#x652F;&#x6301;&#x5404;&#x79CD;&#x5173;&#x7CFB;&#x6570;&#x636E;&#x5E93;&#xFF0C;&#x4ECE;&#x4E00;&#x5BF9;&#x4E00;&#x5230;&#x591A;&#x5BF9;&#x591A;&#x7684;&#x5404;&#x79CD;&#x590D;&#x6742;&#x5173;&#x7CFB;&#x3002;</p>
</blockquote>
<p>11&#x3001;hibernate&#x7684;&#x6838;&#x5FC3;&#x7C7B;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#xFF1F;&#x91CD;&#x8981;&#x65B9;&#x6CD5;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#xFF1F;</p>
<blockquote>
<p>Configuration&#x3001;SessionFactory<br>Session&#x5982;&#x4E0B;&#x65B9;&#x6CD5; Save&#x3001; load&#x3001; Update&#x3001;Delete</p>
</blockquote>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">Query q=CreateQuery(&#x201C;from Customer where customerName=:customerName&#x201D;)</span><br></pre></td></tr></table></figure>
<blockquote>
<p>beginTransaction&#x3001;close&#x3001;Transaction&#x3001;Commit()</p>
</blockquote>
<p>12&#x3001;session.load()&#x548C;session.get()&#x7684;&#x533A;&#x522B;</p>
<blockquote>
<p>Session.load/get&#x65B9;&#x6CD5;&#x5747;&#x53EF;&#x4EE5;&#x6839;&#x636E;&#x6307;&#x5B9A;&#x7684;&#x5B9E;&#x4F53;&#x7C7B;&#x548C;id&#x4ECE;&#x6570;&#x636E;&#x5E93;&#x8BFB;&#x53D6;&#x8BB0;&#x5F55;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x4E0E;&#x4E4B;&#x5BF9;&#x5E94;&#x7684;&#x5B9E;&#x4F53;&#x5BF9;&#x8C61;&#x3002;<br>&#x5176;&#x533A;&#x522B;&#x5728;&#x4E8E;&#xFF1A;<br>&#x5982;&#x679C;&#x672A;&#x80FD;&#x53D1;&#x73B0;&#x7B26;&#x5408;&#x6761;&#x4EF6;&#x7684;&#x8BB0;&#x5F55;&#xFF0C;get&#x65B9;&#x6CD5;&#x8FD4;&#x56DE;null&#xFF0C;&#x800C;load&#x65B9;&#x6CD5;&#x4F1A;&#x629B;&#x51FA;&#x4E00;&#x4E2A;ObjectNotFoundException&#x3002;</p>
</blockquote>
<p>13&#x3001;hql&#x548C;sql&#x7684;&#x533A;&#x522B;</p>
<blockquote>
<p>&#x53EF;&#x4EE5;&#x8FD9;&#x6837;&#x8BF4;&#xFF0C;hibernate&#x662F;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x8BED;&#x8A00;&#x4E0E;&#x5173;&#x7CFB;&#x578B;&#x6570;&#x636E;&#x5E93;&#x4E4B;&#x95F4;&#x7684;&#x6865;&#x6881;&#xFF0C;&#x4ED6;&#x4F7F;&#x5F97;&#x7A0B;&#x5E8F;&#x5458;&#x53EF;&#x4EE5;&#x4E0D;&#x7528;&#x5173;&#x5FC3;&#x5E95;&#x5C42;&#x6570;&#x636E;&#x5E93;&#x8FDE;&#x63A5;&#x7684;&#x4EE3;&#x7801;&#xFF0C;&#x800C;&#x53EF;&#x4EE5;&#x4E13;&#x5FC3;&#x5199;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x3002;<br>sql&#x662F;&#x9762;&#x5411;&#x6570;&#x636E;&#x5E93;&#x8868;&#x67E5;&#x8BE2;<br>hql&#x662F;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x67E5;&#x8BE2;&#x7684;,&#x5176;form&#x5B50;&#x53E5;&#x8FD4;&#x56DE;&#x7684;&#x662F;&#x5BF9;&#x8C61;&#x7684;&#x5B9E;&#x4F8B;&#x3002;</p>
</blockquote>
<p>14&#x3001;hibernate&#x4E0E;jdbc&#x4E4B;&#x95F4;&#x7684;&#x533A;&#x522B;</p>
<blockquote>
<p>&#x53EF;&#x4EE5;&#x8FD9;&#x6837;&#x8BF4;&#xFF0C;hibernate&#x662F;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x8BED;&#x8A00;&#x4E0E;&#x5173;&#x7CFB;&#x578B;&#x6570;&#x636E;&#x5E93;&#x4E4B;&#x95F4;&#x7684;&#x6865;&#x6881;&#xFF0C;&#x4ED6;&#x4F7F;&#x5F97;&#x7A0B;&#x5E8F;&#x5458;&#x53EF;&#x4EE5;&#x4E0D;&#x7528;&#x5173;&#x5FC3;&#x5E95;&#x5C42;&#x6570;&#x636E;&#x5E93;&#x8FDE;&#x63A5;&#x7684;&#x4EE3;&#x7801;&#xFF0C;&#x800C;&#x53EF;&#x4EE5;&#x4E13;&#x5FC3;&#x5199;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x3002;<br>Hibernate&#x4F5C;&#x4E3A;&#x4E00;&#x4E2A;O/R Mapping,&#x6BD4;JDBC&#x5177;&#x5907;&#x7684;&#x4F18;&#x52BF;&#x6709;&#xFF1A;<br>1.&#x7F16;&#x7A0B;&#x601D;&#x60F3;&#x4E0A;&#xFF0C;&#x66F4;&#x52A0;&#x7B26;&#x5408;&#x4EBA;&#x7684;&#x903B;&#x8F91;&#x601D;&#x7EF4;&#x4E60;&#x60EF;&#xFF0C;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x6BD4;&#x9762;&#x5411;&#x8FC7;&#x7A0B;&#x66F4;&#x52A0;&#x5BB9;&#x6613;&#x7406;&#x89E3;&#xFF0C;&#x6D4B;&#x8BD5;&#x548C;&#x7EF4;&#x62A4;<br>2.&#x5F00;&#x53D1;&#x7EF4;&#x62A4;&#x901F;&#x5EA6;&#x4E0A;&#xFF0C;Hibernate&#x663E;&#x8457;&#x7684;&#x5FEB;&#xFF0C;&#x4EE3;&#x7801;&#x91CF;&#x663E;&#x8457;&#x5C0F;<br>3.&#x901A;&#x8FC7;Annotation&#x8FDB;&#x884C;&#x6570;&#x636E;&#x5E93;&#x7684;&#x5B57;&#x6BB5;&#x52A0;&#x5BC6;<br>4.&#x5BF9;Sql&#x4E0D;&#x719F;&#x7684;&#x83DC;&#x9E1F;&#x6765;&#x8BF4;&#x53EF;&#x4EE5;&#x81EA;&#x52A8;&#x8C03;&#x4F18;<br>5.&#x7ED3;&#x5408;Spring&#xFF0C;&#x901A;&#x8FC7;&#x58F0;&#x660E;&#x5F0F;&#x4E8B;&#x52A1;&#x53EF;&#x4EE5;&#x7701;&#x7565;&#x4E8B;&#x52A1;&#x7684;&#x63A7;&#x5236;&#xFF0C;&#x4E8B;&#x52A1;&#x4EE5;&#x6A2A;&#x5207;&#x9762;&#x5F62;&#x5F0F;&#x51FA;&#x73B0;</p>
</blockquote>
<p>15&#x3001;Jdbc&#x6BD4;Hibernate&#x5177;&#x5907;&#x7684;&#x4F18;&#x52BF;&#x6709;&#xFF1A;</p>
<blockquote>
<p>1.&#x5927;&#x6570;&#x636E;&#x91CF;&#x8BBF;&#x95EE;&#x65F6;&#xFF0C;Jdbc&#x7684;&#x6548;&#x7387;&#x663E;&#x8457;&#x5FEB;<br>2.&#x76F4;&#x63A5;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#x5E93;&#x6BD4;&#x8F83;&#x7075;&#x6D3B;</p>
</blockquote>
<p>15&#x3001;Hibernate&#x662F;&#x5982;&#x4F55;&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#xFF1F;</p>
<blockquote>
<p>&#x5F53;Hibernate&#x5728;&#x67E5;&#x8BE2;&#x6570;&#x636E;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x6570;&#x636E;&#x5E76;&#x6CA1;&#x6709;&#x5B58;&#x5728;&#x4E0E;&#x5185;&#x5B58;&#x4E2D;&#xFF0C;&#x5F53;&#x7A0B;&#x5E8F;&#x771F;&#x6B63;&#x5BF9;&#x6570;&#x636E;&#x7684;&#x64CD;&#x4F5C;&#x65F6;&#xFF0C;&#x5BF9;&#x8C61;&#x624D;&#x5B58;&#x5728;&#x4E0E;&#x5185;&#x5B58;&#x4E2D;&#xFF0C;&#x5C31;&#x5B9E;&#x73B0;&#x4E86;&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#xFF0C;&#x4ED6;&#x8282;&#x7701;&#x4E86;&#x670D;&#x52A1;&#x5668;&#x7684;&#x5185;&#x5B58;&#x5F00;&#x9500;&#xFF0C;&#x4ECE;&#x800C;&#x63D0;&#x9AD8;&#x4E86;&#x670D;&#x52A1;&#x5668;&#x7684;&#x6027;&#x80FD;&#x3002;</p>
</blockquote>
<p>16&#x3001;&#x8BF4;&#x4E0B;Hibernate&#x7684;&#x7F13;&#x5B58;&#x673A;&#x5236;&#x3000;&#x3000;</p>
<blockquote>
<p>1&#x3001;&#x5185;&#x90E8;&#x7F13;&#x5B58;&#x5B58;&#x5728;Hibernate&#x4E2D;&#x53C8;&#x53EB;&#x4E00;&#x7EA7;&#x7F13;&#x5B58;&#xFF0C;&#x5C5E;&#x4E8E;&#x5E94;&#x7528;&#x4E8B;&#x7269;&#x7EA7;&#x7F13;&#x5B58;<br>2&#x3001; &#x4E8C;&#x7EA7;&#x7F13;&#x5B58;&#xFF1A; &#x3000;&#x3000;<br>a) &#x5E94;&#x7528;&#x53CA;&#x7F13;&#x5B58; &#x3000;&#x3000;<br>b) &#x5206;&#x5E03;&#x5F0F;&#x7F13;&#x5B58;<br>c) &#x7B2C;&#x4E09;&#x65B9;&#x7F13;&#x5B58;&#x7684;&#x5B9E;&#x73B0;</p>
</blockquote>
<p>17&#x3001;spring&#x5DE5;&#x4F5C;&#x673A;&#x5236;&#x53CA;&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x7528;?</p>
<blockquote>
<p>spring&#x662F;&#x4E00;&#x4E2A;&#x8F7B;&#x91CF;&#x7684;&#x63A7;&#x5236;&#x53CD;&#x8F6C;&#x548C;&#x9762;&#x5411;&#x5207;&#x9762;&#x7684;&#x5BB9;&#x5668;&#x6846;&#x67B6;<br>&#x3000;&#x3000;1.springmvc&#x628A;&#x6240;&#x6709;&#x7684;&#x8BF7;&#x6C42;&#x90FD;&#x63D0;&#x4EA4;&#x7ED9;DispatcherServlet,&#x5B83;&#x4F1A;&#x59D4;&#x6258;&#x5E94;&#x7528;&#x7CFB;&#x7EDF;&#x7684;&#x5176;&#x4ED6;&#x6A21;&#x5757;&#x8D1F;&#x8D23;&#x5BF9;&#x8BF7;&#x6C42;&#x8FDB;&#x884C;&#x771F;&#x6B63;&#x7684;&#x5904;&#x7406;&#x5DE5;&#x4F5C;&#x3002;<br>&#x3000;&#x3000;2.DispatcherServlet&#x67E5;&#x8BE2;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;HandlerMapping,&#x627E;&#x5230;&#x5904;&#x7406;&#x8BF7;&#x6C42;&#x7684;Controller.<br>&#x3000;&#x3000;3.DispatcherServlet&#x628A;&#x8BF7;&#x6C42;&#x63D0;&#x4EA4;&#x5230;&#x76EE;&#x6807;Controller<br>&#x3000;&#x3000;4.Controller&#x8FDB;&#x884C;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x5904;&#x7406;&#x540E;&#xFF0C;&#x4F1A;&#x8FD4;&#x56DE;&#x4E00;&#x4E2A;ModelAndView<br>&#x3000;&#x3000;5.Dispathcher&#x67E5;&#x8BE2;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;ViewResolver&#x89C6;&#x56FE;&#x89E3;&#x6790;&#x5668;,&#x627E;&#x5230;ModelAndView&#x5BF9;&#x8C61;&#x6307;&#x5B9A;&#x7684;&#x89C6;&#x56FE;&#x5BF9;&#x8C61;<br>&#x3000;&#x3000;6.&#x89C6;&#x56FE;&#x5BF9;&#x8C61;&#x8D1F;&#x8D23;&#x6E32;&#x67D3;&#x8FD4;&#x56DE;&#x7ED9;&#x5BA2;&#x6237;&#x7AEF;&#x3002; IoC&#x5C31;&#x662F;&#x7531;&#x5BB9;&#x5668;&#x6765;&#x63A7;&#x5236;&#x4E1A;&#x52A1;&#x5BF9;&#x8C61;&#x4E4B;&#x95F4;&#x7684;&#x4F9D;&#x8D56;&#x5173;&#x7CFB;&#x3002;&#x63A7;&#x5236;&#x53CD;&#x8F6C;&#x7684;&#x672C;&#x8D28;&#xFF0C;&#x662F;&#x63A7;&#x5236;&#x6743;&#x7531;&#x5E94;&#x7528;&#x4EE3;&#x7801;&#x8F6C;&#x5230;&#x4E86;&#x5916;&#x90E8;&#x5BB9;&#x5668;&#xFF0C;&#x63A7;&#x5236;&#x5668;&#x7684;&#x8F6C;&#x79FB;&#x65E2;&#x662F;&#x6240;&#x8C13;&#x7684;&#x53CD;&#x8F6C;&#x3002;&#x63A7;&#x5236;&#x6743;&#x7684;&#x8F6C;&#x79FB;&#x5E26;&#x6765;&#x7684;&#x597D;&#x5904;&#x5C31;&#x662F;&#x964D;&#x4F4E;&#x4E86;&#x4E1A;&#x52A1;&#x5BF9;&#x8C61;&#x4E4B;&#x95F4;&#x7684;&#x4F9D;&#x8D56;&#x7A0B;&#x5EA6;&#xFF0C;&#x5373;&#x5B9E;&#x73B0;&#x4E86;&#x89E3;&#x8026;&#x3002;<br>DI/IOC,&#x5BF9;&#x6301;&#x4E45;&#x5C42;&#x548C;&#x8868;&#x793A;&#x5C42;&#x7684;&#x63A7;&#x5236;&#x4E0E;&#x5206;&#x914D;&#xFF0C;&#x589E;&#x52A0;&#x7CFB;&#x7EDF;&#x7684;&#x7075;&#x6D3B;&#x6027;&#x548C;&#x7A33;&#x5B9A;&#x6027;. AOP,&#x9762;&#x5411;&#x5207;&#x9762;,&#x5229;&#x7528;&#x4EE3;&#x7406;&#x5BF9;&#x7A0B;&#x5E8F;&#x7684;&#x6709;&#x6548;&#x7BA1;&#x7406;.<br>spring&#x662F;&#x4E00;&#x4E2A;&#x8F7B;&#x91CF;&#x7EA7;&#x7684;IOC&#x548C;AOP&#x6846;&#x67B6;&#xFF0C;&#x901A;&#x8FC7;spring&#x7684;IOC&#x5B9E;&#x73B0;&#x677E;&#x8026;&#x5408;&#xFF0C;&#x800C;&#x4F5C;&#x4E3A;&#x4E00;&#x4E2A;AOP&#x6846;&#x67B6;&#x4ED6;&#x53C8;&#x80FD;&#x5206;&#x79BB;&#x7CFB;&#x7EDF;&#x670D;&#x52A1;&#xFF0C;&#x5B9E;&#x73B0;&#x5185;&#x805A;&#x5F00;&#x53D1;Spring<br>&#x6700;&#x597D;&#x7684;&#x5730;&#x65B9;&#x662F;&#x5B83;&#x6709;&#x52A9;&#x4E8E;&#x60A8;&#x66FF;&#x6362;&#x5BF9;&#x8C61;&#x3002;&#x6709;&#x4E86;Spring&#xFF0C;&#x53EA;&#x8981;&#x7528;JavaBean<br>&#x5C5E;&#x6027;&#x548C;&#x914D;&#x7F6E;&#x6587;&#x4EF6;&#x52A0;&#x5165;&#x4F9D;&#x8D56;&#x6027;&#xFF08;&#x534F;&#x4F5C;&#x5BF9;&#x8C61;&#xFF09;&#x3002;&#x7136;&#x540E;&#x53EF;&#x4EE5;&#x5F88;&#x5BB9;&#x6613;&#x5730;&#x5728;&#x9700;&#x8981;&#x65F6;&#x66FF;&#x6362;&#x5177;&#x6709;&#x7C7B;&#x4F3C;&#x63A5;&#x53E3;&#x7684;&#x534F;&#x4F5C;&#x5BF9;&#x8C61;&#x3002;}  Spring&#x5BF9;&#x591A;&#x79CD;ORM&#x6846;&#x67B6;&#x63D0;&#x4F9B;&#x4E86;&#x5F88;&#x597D;&#x7684;&#x652F;&#x6301;</p>
</blockquote>
<h3 id="&#x4E8C;-&#x524D;&#x7AEF;&#x76F8;&#x5173;"><a href="#&#x4E8C;&#x3001;&#x524D;&#x7AEF;&#x76F8;&#x5173;" class="headerlink" title="&#x4E8C;&#x3001;&#x524D;&#x7AEF;&#x76F8;&#x5173;"></a>&#x4E8C;&#x3001;&#x524D;&#x7AEF;&#x76F8;&#x5173;</h3><p>1&#x3001;&#x524D;&#x7AEF;&#x9875;&#x9762;&#x6709;&#x54EA;&#x4E09;&#x5C42;&#x6784;&#x6210;&#xFF0C;&#x5206;&#x522B;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#x4F5C;&#x7528;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;</p>
<blockquote>
<p>&#x7ED3;&#x6784;&#x5C42; Html &#x8868;&#x793A;&#x5C42; CSS &#x884C;&#x4E3A;&#x5C42; js</p>
</blockquote>
<p>2&#x3001;&#x4F60;&#x505A;&#x7684;&#x9875;&#x9762;&#x5728;&#x54EA;&#x4E9B;&#x6D41;&#x89C8;&#x5668;&#x6D4B;&#x8BD5;&#x8FC7;&#xFF1F;&#x8FD9;&#x4E9B;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5185;&#x6838;&#x5206;&#x522B;&#x662F;&#x4EC0;&#x4E48;?</p>
<blockquote>
<p>Ie(Ie&#x5185;&#x6838;)  &#x706B;&#x72D0;&#xFF08;Gecko&#xFF09; &#x8C37;&#x6B4C;&#xFF08;webkit&#xFF09;opear(Presto)</p>
</blockquote>
<p>3.<img>&#x6807;&#x7B7E;&#x4E0A;title&#x4E0E;alt&#x5C5E;&#x6027;&#x7684;&#x533A;&#x522B;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;</p>
<blockquote>
<p>Alt &#x5F53;&#x56FE;&#x7247;&#x4E0D;&#x663E;&#x793A;&#x662F; &#x7528;&#x6587;&#x5B57;&#x4EE3;&#x8868;&#x3002; Title &#x4E3A;&#x8BE5;&#x5C5E;&#x6027;&#x63D0;&#x4F9B;&#x4FE1;&#x606F;</p>
</blockquote>
<p>3&#x3001;&#x4F60;&#x5982;&#x4F55;&#x5BF9;&#x7F51;&#x7AD9;&#x7684;&#x6587;&#x4EF6;&#x548C;&#x8D44;&#x6E90;&#x8FDB;&#x884C;&#x4F18;&#x5316;&#xFF1F;</p>
<blockquote>
<p>&#x671F;&#x5F85;&#x7684;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x5305;&#x62EC;&#xFF1A;&#x6587;&#x4EF6;&#x5408;&#x5E76; &#x6587;&#x4EF6;&#x6700;&#x5C0F;&#x5316;/&#x6587;&#x4EF6;&#x538B;&#x7F29; &#x4F7F;&#x7528;CDN&#x6258;&#x7BA1; &#x7F13;&#x5B58;&#x7684;&#x4F7F;&#x7528;</p>
</blockquote>
<p>4&#x3001;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x7684;&#x51E0;&#x79CD;&#x65B9;&#x5F0F;&#xFF0C;&#x5404;&#x81EA;&#x7684;&#x4F18;&#x7F3A;&#x70B9;</p>
<blockquote>
<p>1.&#x4F7F;&#x7528;&#x7A7A;&#x6807;&#x7B7E;&#x6E05;&#x9664;&#x6D6E;&#x52A8; clear:both&#xFF08;&#x7406;&#x8BBA;&#x4E0A;&#x80FD;&#x6E05;&#x695A;&#x4EFB;&#x4F55;&#x6807;&#x7B7E;&#xFF0C;&#xFF0C;&#xFF0C;&#x589E;&#x52A0;&#x65E0;&#x610F;&#x4E49;&#x7684;&#x6807;&#x7B7E;&#xFF09;<br>2.&#x4F7F;&#x7528;overflow:auto&#xFF08;&#x7A7A;&#x6807;&#x7B7E;&#x5143;&#x7D20;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x800C;&#x4E0D;&#x5F97;&#x4E0D;&#x589E;&#x52A0;&#x65E0;&#x610F;&#x4EE3;&#x7801;&#x7684;&#x5F0A;&#x7AEF;,,&#x4F7F;&#x7528;zoom:1&#x7528;&#x4E8E;&#x517C;&#x5BB9;IE&#xFF09;<br>3.&#x662F;&#x7528;afert&#x4F2A;&#x5143;&#x7D20;&#x6E05;&#x9664;&#x6D6E;&#x52A8;(&#x7528;&#x4E8E;&#x975E;IE&#x6D4F;&#x89C8;&#x5668;)<br>4.&#x884C;&#x5185;&#x5143;&#x7D20;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;CSS&#x7684;&#x76D2;&#x6A21;&#x578B;&#xFF1F; &#x5757;&#x7EA7;&#x5143;&#x7D20;&#xFF1A;div p h1 h2 h3 h4 form ul &#x884C;&#x5185;&#x5143;&#x7D20;: a b br i span input select Css&#x76D2;&#x6A21;&#x578B;:&#x5185;&#x5BB9;&#xFF0C;border ,margin&#xFF0C;padding</p>
</blockquote>
<p>5&#x3001;display:none &#x548C; visibility:hidden &#x7684;&#x533A;&#x522B;<br>6&#x3001;ajax&#x8BF7;&#x6C42;&#x7684;&#x65F6;&#x5019;get &#x548C;post&#x65B9;&#x5F0F;&#x7684;&#x533A;&#x522B;</p>
<blockquote>
<p>&#x4E00;&#x4E2A;&#x5728;url&#x540E;&#x9762; &#x4E00;&#x4E2A;&#x653E;&#x5728;&#x865A;&#x62DF;&#x8F7D;&#x4F53;&#x91CC;&#x9762;<br>&#x6709;&#x5927;&#x5C0F;&#x9650;&#x5236;<br>&#x5B89;&#x5168;&#x95EE;&#x9898;<br>&#x5E94;&#x7528;&#x4E0D;&#x540C; &#x4E00;&#x4E2A;&#x662F;&#x8BBA;&#x575B;&#x7B49;&#x53EA;&#x9700;&#x8981;&#x8BF7;&#x6C42;&#x7684;&#xFF0C;&#x4E00;&#x4E2A;&#x662F;&#x7C7B;&#x4F3C;&#x4FEE;&#x6539;&#x5BC6;&#x7801;&#x7684;</p>
</blockquote>
<p>7&#x3001;ajax&#x8BF7;&#x6C42;&#x65F6;&#xFF0C;&#x5982;&#x4F55;&#x89E3;&#x91CA;json&#x6570;&#x636E;</p>
<blockquote>
<p>&#x4F7F;&#x7528;eval parse &#x9274;&#x4E8E;&#x5B89;&#x5168;&#x6027;&#x8003;&#x8651; &#x4F7F;&#x7528;parse&#x66F4;&#x9760;&#x8C31;</p>
</blockquote>
<p>8&#x3001;&#x4F8B;&#x4E3E;3&#x79CD;&#x5F3A;&#x5236;&#x7C7B;&#x578B;&#x8F6C;&#x6362;&#x548C;2&#x79CD;&#x9690;&#x5F0F;&#x7C7B;&#x578B;&#x8F6C;&#x6362;&#xFF1F;&#x5F3A;&#x5236;</p>
<blockquote>
<p>&#xFF08;parseInt,parseFloat,number&#xFF09; &#x9690;&#x5F0F;&#xFF08;== - ===&#xFF09;</p>
</blockquote>
<p>9&#x3001;&#x4F60;&#x5982;&#x4F55;&#x5BF9;&#x7F51;&#x7AD9;&#x7684;&#x6587;&#x4EF6;&#x548C;&#x8D44;&#x6E90;&#x8FDB;&#x884C;&#x4F18;&#x5316;&#xFF1F;</p>
<blockquote>
<p>&#x671F;&#x5F85;&#x7684;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x5305;&#x62EC;&#xFF1A;&#x6587;&#x4EF6;&#x5408;&#x5E76; &#x6587;&#x4EF6;&#x6700;&#x5C0F;&#x5316;/&#x6587;&#x4EF6;&#x538B;&#x7F29; &#x4F7F;&#x7528;CDN&#x6258;&#x7BA1; &#x7F13;&#x5B58;&#x7684;&#x4F7F;&#x7528;</p>
</blockquote>
<p>10&#x3001;JS&#x4E3B;&#x8981;&#x6570;&#x636E;&#x7C7B;&#x578B;&#xFF1F;</p>
<blockquote>
<p>&#x4E3B;&#x8981;&#x7684;&#x7C7B;&#x578B;&#x6709;number&#x3001;string&#x3001;object &#x4EE5;&#x53CA; Boolean &#x7C7B;&#x578B;,&#x5176;&#x4ED6;&#x4E24;&#x79CD;&#x7C7B;&#x578B;&#x4E3A; null &#x548C; undefined&#x3002;</p>
</blockquote>
<p>11&#x3001;JSON&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#x4EC0;&#x4E48;&#x65F6;&#x5019;&#x4F7F;&#x7528;&#x5B83;&#xFF0C;&#x63CF;&#x8FF0;&#x4E00;&#x4E0B;&#x4ED6;&#x7684;&#x8BED;&#x6CD5;</p>
<blockquote>
<p>JSON(JavaScript Object Notation)<br>&#x662F;&#x4E00;&#x79CD;&#x8F7B;&#x91CF;&#x7EA7;&#x7684;&#x6587;&#x672C;&#x6570;&#x636E;&#x4EA4;&#x6362;&#x683C;&#x5F0F;&#xFF0C;&#x6307;&#x7684;&#x662F;JavaScript&#x5BF9;&#x8C61;&#x8868;&#x793A;&#x6CD5;&#x3002;&#x5B83;&#x57FA;&#x4E8E;JavaScript&#x7684;&#x4E00;&#x4E2A;&#x5B50;&#x96C6;&#x3002;<br>json&#x4E24;&#x79CD;&#x7ED3;&#x6784;&#xFF1A;&#x5BF9;&#x8C61;&#x548C;&#x6570;&#x7EC4;&#xFF0C;&#x901A;&#x8FC7;&#x8FD9;&#x4E24;&#x79CD;&#x7ED3;&#x6784;&#x53EF;&#x4EE5;&#x8868;&#x793A;&#x5404;&#x79CD;&#x590D;&#x6742;&#x7684;&#x7ED3;&#x6784;&#x3002;<br>1&#x3001;&#x5BF9;&#x8C61;&#xFF1A;&#x5BF9;&#x8C61;&#x5728;js&#x4E2D;&#x8868;&#x793A;&#x4E3A;&#x201C;{}&#x201D;&#x6269;&#x8D77;&#x6765;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x6570;&#x636E;&#x7ED3;&#x6784;&#x4E3A;<br>{key&#xFF1A;value&#xFF0C;key&#xFF1A;value,&#x2026;}&#x7684;&#x952E;&#x503C;&#x5BF9;&#x7684;&#x7ED3;&#x6784;&#xFF0C;&#x5728;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x7684;&#x8BED;&#x8A00;&#x4E2D;&#xFF0C;key&#x4E3A;&#x5BF9;&#x8C61;&#x7684;&#x5C5E;&#x6027;&#xFF0C;value&#x4E3A;&#x5BF9;&#x5E94;&#x7684;&#x5C5E;&#x6027;&#x503C;&#x3002;<br>2&#x3001;&#x6570;&#x7EC4;&#xFF1A;&#x6570;&#x7EC4;&#x5728;js&#x4E2D;&#x662F;&#x4E2D;&#x62EC;&#x53F7;&#x201C;[]&#x201D;&#x6269;&#x8D77;&#x6765;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x6570;&#x636E;&#x7ED3;&#x6784;&#x4E3A;<br>[&#x201C;java&#x201D;,&#x201D;javascript&#x201D;,&#x201D;vb&#x201D;,&#x2026;]&#xFF0C;&#x53D6;&#x503C;&#x65B9;&#x5F0F;&#x548C;&#x6240;&#x6709;&#x8BED;&#x8A00;&#x4E2D;&#x4E00;&#x6837;&#xFF0C;&#x4F7F;&#x7528;&#x7D22;&#x5F15;&#x83B7;&#x53D6;&#xFF0C;&#x5B57;&#x6BB5;&#x503C;&#x7684;&#x7C7B;&#x578B;&#x53EF;&#x4EE5;&#x662F;<br>&#x6570;&#x5B57;&#x3001;&#x5B57;&#x7B26;&#x4E32;&#x3001;&#x6570;&#x7EC4;&#x3001;&#x5BF9;&#x8C61;&#x51E0;&#x79CD;&#x3002; &#x793A;&#x4F8B;&#xFF1A;&#x5305;&#x542B;&#x4E09;&#x4E2A;&#x6761;&#x76EE;&#x7684;&#x6570;&#x7EC4;&#x3002; { &#x201C;people&#x201D;: [ &#x3000;&#x3000;{ &#x201C;firstName&#x201D;: &#x201C;Brett&#x201D;,<br>&#x201C;lastName&#x201D;:&#x201D;McLaughlin&#x201D;, &#x201C;email&#x201D;: &#x201C;aaaa&#x201D; }, &#x3000;&#x3000;{ &#x201C;firstName&#x201D;: &#x201C;Jason&#x201D;,<br>&#x201C;lastName&#x201D;:&#x201D;Hunter&#x201D;, &#x201C;email&#x201D;: &#x201C;bbbb&#x201D;}, &#x3000;&#x3000;{ &#x201C;firstName&#x201D;: &#x201C;Elliotte&#x201D;,<br>&#x201C;lastName&#x201D;:&#x201D;Harold&#x201D;, &#x201C;email&#x201D;: &#x201C;cccc&#x201D; } ]}</p>
</blockquote>
<p>12&#x3001;&#x5E38;&#x89C1;&#x7684;Http&#x72B6;&#x6001;&#x7801;&#x53CA;&#x542B;&#x4E49;  </p>
<blockquote>
<p>HTTP: Status 200 &#x2013; &#x670D;&#x52A1;&#x5668;&#x6210;&#x529F;&#x8FD4;&#x56DE;&#x7F51;&#x9875;<br>HTTP: Status 404 &#x2013; &#x8BF7;&#x6C42;&#x7684;&#x7F51;&#x9875;&#x4E0D;&#x5B58;&#x5728;<br>HTTP: Status 503 &#x2013; &#x670D;&#x52A1;&#x4E0D;&#x53EF;&#x7528;</p>
</blockquote>
<p>13&#x3001;&#x6837;&#x5F0F;&#x8868;&#x7684;&#x94FE;&#x63A5;&#x65B9;&#x6CD5;&#xFF1A;</p>
<blockquote>
<p>&#x7528;HTML&#x94FE;&#x63A5;&#x6837;&#x5F0F;&#x8868;<br>HTML&#xFF1A;<br><code>&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/global.css&quot;&gt;</code><br> XHTML&#xFF1A;<br> <code>&lt;link rel=&quot;stylesheet&quot; tyoe=&quot;text/css&quot; href=&quot;css/global.css&quot; /&gt;</code><br>  &#x6CE8;&#x91CA;&#xFF1A;rel=&#x201D;stylesheet&#x201D; &#x2013;&#x8868;&#x793A;&#x94FE;&#x63A5;&#x7684;&#x7C7B;&#x578B;&#xFF1A;&#x94FE;&#x63A5;&#x5230;&#x6837;&#x5F0F;&#x8868;&#xFF1B; type=&#x201D;text/css&#x201D; &#x2013;&#x662F;&#x8BA9;&#x6D4F;&#x89C8;&#x5668;&#x77E5;&#x9053;&#x9700;&#x8981;&#x54EA;&#x4E00;&#x79CD;&#x6570;&#x636E;&#xFF1A;&#x4E00;&#x4E2A;&#x5305;&#x542B;css&#x7684;&#x6587;&#x672C;&#x6587;&#x4EF6;&#x3002;<br>&#x7528;CSS&#x94FE;&#x63A5;&#x6837;&#x5F0F;&#x8868;<br>           <style type="text/css"><br>                @import url(css/global.css);<br>               @import url(css/forms.css);<br>          </style><br>&#x6CE8;&#x91CA;&#xFF1A;link&#x6807;&#x7B7E;&#x66F4;&#x4E3A;&#x5E38;&#x7528;&#xFF0C;@import&#x4F1A;&#x51CF;&#x7F13;&#x6837;&#x5F0F;&#x8868;&#x7684;&#x4E0B;&#x8F7D;&#x901F;&#x5EA6;&#x3002;</p>
</blockquote>
<p>14&#x3001;&#x4EC0;&#x4E48;&#x662F;ajax&#xFF1A; </p>
<blockquote>
<p>AJAX&#x662F;&#x201C;Asynchronous JavaScript and XML&#x201D;&#x7684;&#x7F29;&#x5199;&#x3002;&#x4ED6;&#x662F;&#x6307;&#x4E00;&#x79CD;&#x521B;&#x5EFA;&#x4EA4;&#x4E92;&#x5F0F;&#x7F51;&#x9875;&#x5E94;&#x7528;&#x7684;&#x7F51;&#x9875;&#x5F00;&#x53D1;&#x6280;&#x672F;&#x3002;<br>Ajax&#x5305;&#x542B;&#x4E0B;&#x5217;&#x6280;&#x672F;&#xFF1A;  &#x57FA;&#x4E8E;web&#x6807;&#x51C6;&#xFF08;standards-based presentation&#xFF09;XHTML+CSS&#x7684;&#x8868;&#x793A;&#xFF1B;  &#x4F7F;&#x7528;<br>DOM&#xFF08;Document Object Model&#xFF09;&#x8FDB;&#x884C;&#x52A8;&#x6001;&#x663E;&#x793A;&#x53CA;&#x4EA4;&#x4E92;&#xFF1B;  &#x4F7F;&#x7528; XML &#x548C; XSLT &#x8FDB;&#x884C;&#x6570;&#x636E;&#x4EA4;&#x6362;&#x53CA;&#x76F8;&#x5173;&#x64CD;&#x4F5C;&#xFF1B;  &#x4F7F;&#x7528;<br>XMLHttpRequest &#x8FDB;&#x884C;&#x5F02;&#x6B65;&#x6570;&#x636E;&#x67E5;&#x8BE2;&#x3001;&#x68C0;&#x7D22;&#xFF1B;  &#x4F7F;&#x7528; JavaScript &#x5C06;&#x6240;&#x6709;&#x7684;&#x4E1C;&#x897F;&#x7ED1;&#x5B9A;&#x5728;&#x4E00;&#x8D77;&#x3002;  &#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x7528;ajax&#xFF1A;<br>Ajax&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x7684;&#x4F18;&#x52BF;&#x5728;&#x4E8E;&#xFF1A;  </p>
<ol>
<li>&#x901A;&#x8FC7;&#x5F02;&#x6B65;&#x6A21;&#x5F0F;&#xFF0C;&#x63D0;&#x5347;&#x4E86;&#x7528;&#x6237;&#x4F53;&#x9A8C; </li>
<li>&#x4F18;&#x5316;&#x4E86;&#x6D4F;&#x89C8;&#x5668;&#x548C;&#x670D;&#x52A1;&#x5668;&#x4E4B;&#x95F4;&#x7684;&#x4F20;&#x8F93;&#xFF0C;&#x51CF;&#x5C11;&#x4E0D;&#x5FC5;&#x8981;&#x7684;&#x6570;&#x636E;&#x5F80;&#x8FD4;&#xFF0C;&#x51CF;&#x5C11;&#x4E86;&#x5E26;&#x5BBD;&#x5360;&#x7528;  </li>
<li>Ajax&#x5F15;&#x64CE;&#x5728;&#x5BA2;&#x6237;&#x7AEF;&#x8FD0;&#x884C;&#xFF0C;&#x627F;&#x62C5;&#x4E86;&#x4E00;&#x90E8;&#x5206;&#x672C;&#x6765;&#x7531;&#x670D;&#x52A1;&#x5668;&#x627F;&#x62C5;&#x7684;&#x5DE5;&#x4F5C;&#xFF0C;&#x4ECE;&#x800C;&#x51CF;&#x5C11;&#x4E86;&#x5927;&#x7528;&#x6237;&#x91CF;&#x4E0B;&#x7684;&#x670D;&#x52A1;&#x5668;&#x8D1F;&#x8F7D;&#x3002;   AJAX&#x7684;&#x6700;&#x5927;&#x7684;&#x7279;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#x3002;   Ajax&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x52A8;&#x6001;&#x4E0D;&#x5237;&#x65B0;&#xFF08;&#x5C40;&#x90E8;&#x5237;&#x65B0;&#xFF09;  &#x5C31;&#x662F;&#x80FD;&#x5728;&#x4E0D;&#x66F4;&#x65B0;&#x6574;&#x4E2A;&#x9875;&#x9762;&#x7684;&#x524D;&#x63D0;&#x4E0B;&#x7EF4;&#x62A4;&#x6570;&#x636E;&#x3002;&#x8FD9;&#x4F7F;&#x5F97;Web&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x66F4;&#x4E3A;&#x8FC5;&#x6377;&#x5730;&#x56DE;&#x5E94;&#x7528;&#x6237;&#x52A8;&#x4F5C;&#xFF0C;&#x5E76;&#x907F;&#x514D;&#x4E86;&#x5728;&#x7F51;&#x7EDC;&#x4E0A;&#x53D1;&#x9001;&#x90A3;&#x4E9B;&#x6CA1;&#x6709;&#x6539;&#x53D8;&#x8FC7;&#x7684;&#x4FE1;&#x606F;</li>
</ol>
</blockquote>
<p>15&#x3001;AJAX&#x548C;JAVASCRIPT&#x7684;&#x533A;&#x522B;&#xFF1F;        </p>
<blockquote>
<p>javascript&#x662F;&#x4E00;&#x79CD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7AEF;&#x6267;&#x884C;&#x7684;&#x811A;&#x672C;&#x8BED;&#x8A00;&#xFF0C; Ajax&#x662F;&#x4E00;&#x79CD;&#x521B;&#x5EFA;&#x4EA4;&#x4E92;&#x5F0F;&#x7F51;&#x9875;&#x5E94;&#x7528;&#x7684;&#x5F00;&#x53D1;&#x6280;&#x672F;<br>&#xFF0C;&#x5B83;&#x662F;&#x5229;&#x7528;&#x4E86;&#x4E00;&#x7CFB;&#x5217;&#x76F8;&#x5173;&#x7684;&#x6280;&#x672F;&#x5176;&#x4E2D;&#x5C31;&#x5305;&#x62EC;javascript&#x3002;<br>Javascript&#x662F;&#x7531;&#x7F51;&#x666F;&#x516C;&#x53F8;&#x5F00;&#x53D1;&#x7684;&#x4E00;&#x79CD;&#x811A;&#x672C;&#x8BED;&#x8A00;&#xFF0C;&#x5B83;&#x548C;sun&#x516C;&#x53F8;&#x7684;java&#x8BED;&#x8A00;&#x662F;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x5173;&#x7CFB;&#x7684;&#xFF0C;&#x5B83;&#x4EEC;&#x76F8;&#x4F3C;&#x7684;&#x540D;&#x79F0;&#x53EA;&#x662F;&#x4E00;&#x79CD;&#x884C;&#x9500;&#x7B56;&#x7565;&#x3002;<br>&#x5728;&#x4E00;&#x822C;&#x7684;web&#x5F00;&#x53D1;&#x4E2D;&#xFF0C;javascript&#x662F;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7AEF;&#x6267;&#x884C;&#x7684;&#xFF0C;&#x6211;&#x4EEC;&#x53EF;&#x4EE5;&#x7528;javascript&#x63A7;&#x5236;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x884C;&#x4E3A;&#x548C;&#x5185;&#x5BB9;&#x3002;<br> &#x5728;Ajax&#x5E94;&#x7528;&#x4E2D;&#x4FE1;&#x606F;&#x662F;&#x5982;&#x4F55;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x548C;&#x670D;&#x52A1;&#x5668;&#x4E4B;&#x95F4;&#x4F20;&#x9012;&#x7684;       &#x901A;&#x8FC7;XML&#x6570;&#x636E;&#x6216;&#x8005;&#x5B57;&#x7B26;&#x4E32;</p>
</blockquote>
<p>16&#x3001;JavaScript&#x6846;&#x67B6;&#xFF08;&#x67B6;&#x5305;&#xFF09;&#xFF1F;</p>
<blockquote>
<p> &#x5728;java&#x4E2D;&#x6BD4;&#x8F83;&#x6D41;&#x884C;&#x7684;&#x6709; dojo, Prototype , JQuery, Dwr, extjs  &#x7B49;&#x7B49;</p>
</blockquote>
<p>17&#x3001;AJAX&#x90FD;&#x6709;&#x54EA;&#x4E9B;&#x6709;&#x70B9;&#x548C;&#x7F3A;&#x70B9;&#xFF1F;  </p>
<blockquote>
<p>ajax&#x7684;&#x4F18;&#x70B9;<br>2&#x3001;&#x4F7F;&#x7528;&#x5F02;&#x6B65;&#x65B9;&#x5F0F;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x901A;&#x4FE1;&#xFF0C;&#x5177;&#x6709;&#x66F4;&#x52A0;&#x8FC5;&#x901F;&#x7684;&#x54CD;&#x5E94;&#x80FD;&#x529B;&#x3002;<br>3&#x3001;&#x53EF;&#x4EE5;&#x628A;&#x4EE5;&#x524D;&#x4E00;&#x4E9B;&#x670D;&#x52A1;&#x5668;&#x8D1F;&#x62C5;&#x7684;&#x5DE5;&#x4F5C;&#x8F6C;&#x5AC1;&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#xFF0C;&#x5229;&#x7528;&#x5BA2;&#x6237;&#x7AEF;&#x95F2;&#x7F6E;&#x7684;&#x80FD;&#x529B;&#x6765;&#x5904;&#x7406;&#xFF0C;&#x51CF;&#x8F7B;&#x670D;&#x52A1;&#x5668;&#x548C;&#x5E26;&#x5BBD;&#x7684;&#x8D1F;&#x62C5;&#xFF0C;&#x8282;&#x7EA6;&#x7A7A;&#x95F4;&#x548C;&#x5BBD;&#x5E26;&#x79DF;&#x7528;&#x6210;&#x672C;&#x3002;&#x5E76;&#x4E14;&#x51CF;&#x8F7B;&#x670D;&#x52A1;&#x5668;&#x7684;&#x8D1F;&#x62C5;&#xFF0C;ajax&#x7684;&#x539F;&#x5219;&#x662F;&#x201C;&#x6309;&#x9700;&#x53D6;&#x6570;&#x636E;&#x201D;&#xFF0C;&#x53EF;&#x4EE5;&#x6700;&#x5927;&#x7A0B;&#x5EA6;&#x7684;&#x51CF;&#x5C11;&#x5197;&#x4F59;&#x8BF7;&#x6C42;&#xFF0C;&#x548C;&#x54CD;&#x5E94;&#x5BF9;&#x670D;&#x52A1;&#x5668;&#x9020;&#x6210;&#x7684;&#x8D1F;&#x62C5;&#x3002;<br>4&#x3001;&#x57FA;&#x4E8E;&#x6807;&#x51C6;&#x5316;&#x7684;&#x5E76;&#x88AB;&#x5E7F;&#x6CDB;&#x652F;&#x6301;&#x7684;&#x6280;&#x672F;&#xFF0C;&#x4E0D;&#x9700;&#x8981;&#x4E0B;&#x8F7D;&#x63D2;&#x4EF6;&#x6216;&#x8005;&#x5C0F;&#x7A0B;&#x5E8F;&#x3002; ajax&#x7684;&#x7F3A;&#x70B9;<br>1&#x3001;ajax&#x4E0D;&#x652F;&#x6301;&#x6D4F;&#x89C8;&#x5668;back&#x6309;&#x94AE;&#x3002;<br>2&#x3001;&#x5B89;&#x5168;&#x95EE;&#x9898; AJAX&#x66B4;&#x9732;&#x4E86;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x4EA4;&#x4E92;&#x7684;&#x7EC6;&#x8282;&#x3002;<br>3&#x3001;&#x5BF9;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x7684;&#x652F;&#x6301;&#x6BD4;&#x8F83;&#x5F31;&#x3002;<br>4&#x3001;&#x7834;&#x574F;&#x4E86;&#x7A0B;&#x5E8F;&#x7684;&#x5F02;&#x5E38;&#x673A;&#x5236;&#x3002;<br>5&#x3001;&#x4E0D;&#x5BB9;&#x6613;&#x8C03;&#x8BD5;</p>
</blockquote>
<p>18&#x3001;W3C&#x6807;&#x51C6;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;  </p>
<blockquote>
<p>W3C&#x63A8;&#x884C;&#x7684;&#x4E3B;&#x8981;&#x89C4;&#x8303;&#x6709;HTML&#xFF0C;CSS&#xFF0C;XML&#xFF0C;XHTML&#x548C;DOM&#xFF08;Document Object Model&#xFF09;&#x3002;</p>
</blockquote>
<p>19&#x3001;&#x8C08;&#x8C08;Js&#x7684;&#x5185;&#x5B58;&#x6CC4;&#x9732;&#x95EE;&#x9898;&#x3002;<br>20&#x3001;&#x8C08;&#x8C08;&#x5BF9;Html 5&#x7684;&#x4E86;&#x89E3;&#x3002;20&#x3001;&#x8C08;&#x8C08;&#x5BF9;CSS 3&#x7684;&#x4E86;&#x89E3;&#x3002;</p>

            </div>
        </div>
    </div>
</article>  
<div class="card"> 
	 <nav id="pagination" class="indigo" >
		
		<a style="float: left;" href="/qianmeng/2015/08/07/Vollery 框架之StringRequest二次封装/" >&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-arrow-left"></i>&nbsp;&nbsp;上一页</a>
		
		
		<a style="float: right;" href="/qianmeng/2015/06/27/Apache  CXF 应用小结/" >&nbsp;&nbsp;&nbsp;&nbsp;下一页&nbsp;&nbsp;<i class="fa fa-arrow-right"></i>&nbsp;&nbsp;&nbsp;&nbsp;</a>
		
		<div class="clearfix"></div>
	</nav> 
</div>





    <section id="comment">
        <div class="card">
            <div class="card-content">
                <!-- Duoshuo Comment BEGIN -->
                <div class="ds-thread" data-thread-key="2015/07/01/WEB 面试题（J2EE开发）/" data-title="WEB 面试题（J2EE开发）" data-url="https://kidmid.gitee.io/qianmeng/qianmeng/2015/07/01/WEB 面试题（J2EE开发）/"></div>

                <script type="text/javascript">
                    console.log(document.querySelector('.ds-thread'));
                    var duoshuoQuery = {
                        short_name: 'kidmid'
                    };
                    (function() {
                        var ds = document.createElement('script');
                        ds.type = 'text/javascript';
                        ds.async = true;
                        ds.src = (document.location.protocol == 'https:'
                            ? 'https:'
                            : 'http:') + '//static.duoshuo.com/embed.js';
                        ds.charset = 'UTF-8';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
                    })();
                </script>
                <!-- Duoshuo Comment END -->
            </div>
        </div>
    </section>



</div>

        <div class="fixed-action-btn float-sitemap">
    <a class="btn-floating btn-large pink">
      <i class="fa fa-caret-square-o-up"></i>
    </a>
    <ul>
      <li><a class="btn-return-top btn-floating waves-effect green" title="回到顶部"><i class="fa fa-arrow-circle-o-up"></i></a></li>
      <li><a class="btn-floating waves-effect button-collapse yellow darken-1"  data-activates="main-menu" title="menu"><i class="fa fa-navicon"></i></a></li>
    </ul>
  </div>

    </main>
    <footer class="page-footer indigo darken-1">
    
    <div class="container">
        <div class="row">
            
            <div class="social-group col m3 s12">
                <h5 class="white-text">社交</h5>
                
                    <a class="social-link" href="https://github.com/qianmeng" target="_blank">
                        <i class="fa fa-2x fa-github"></i>
                    </a>
                
                    <a class="social-link" href="http://weibo.com/u/1819068247" target="_blank">
                        <i class="fa fa-2x fa-weibo"></i>
                    </a>
                
                    <a class="social-link" href="/atom.xml" target="_blank">
                        <i class="fa fa-2x fa-rss"></i>
                    </a>
                
            </div>
            

            
            <div class="col m9 s12">
                <h5 class="white-text">友情链接</h5>
                
                    <a class="social-link" href="http://blog.csdn.net/qian_meng" target="_blank">CSDN 地址</a>
                
                    <a class="social-link" href="https://github.com/qianmeng" target="_blank">Github地址</a>
                
            </div>
            
        </div>
    </div>
    

    <div class="footer-copyright pink-link-context">
        <div class="container">
            © 2016  All rights reserved. 
        </div>
    </div>
</footer> 
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>


    <noscript>
    <div class="noscript">
        <p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
    </div>
</noscript>
<div class="noscript">
    <p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>


<script src="/qianmeng/js/jquery-2.1.1.min.js"></script>
<script src="/qianmeng/js/materialize.min.js"></script>

<script>
    (function($) {
        $(document).ready(function() {
            // 隐藏禁用javascript（针对微信内置浏览器）的提示
            $('.noscript').hide();

            // 图片缩放效果
            var $imgs = $('img').not('.slider-image').not('.avatar-image').not('.carousel-image').not('.card-cover-image').not('.qrcode');

            // 给图片加上点击放大效果（materialbox插件）
            $imgs.addClass('materialboxed').each(function(i, el) {
                $(this).attr('data-caption', $(this).attr('alt') || ' ');
            }).materialbox();

            // 优化表格的显示
            $('table').each(function() {
                var $table = $(this);
                // 除去多行代码的情况
                if ($table.find('pre').length == 0) {
                    $table.addClass('responsive-table striped bordered');
                }
            });

            // 首页幻灯片
            $('.slider').slider({indicators: true, full_width: true, interval: 8000});

            $(".button-collapse").sideNav();
            $(".category-menu").sideNav();

            // 针对gallery post
            $('.carousel').carousel({full_width: true});
            $('.carousel-control.prev').click(function() {
                $('.carousel').carousel('prev');
            });
            $('.carousel-control.next').click(function() {
                $('.carousel').carousel('next');
            });

            // 文章目录
            $('article').not('.simple-article').find('h1').add('h2').add('h3').add('h4').add('h5').add('h6').scrollSpy();
            // 修正文章目录的left-border颜色
            var color = $('.table-of-contents-text').css('color');
            $('.table-of-contents-link').css('border-left-color', color);

            // 针对移动端做的优化：FAB按钮点击一下收回
            if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
                $('.fixed-action-btn').addClass('click-to-toggle');
            }
            // 回到顶部
            $('.btn-return-top').click(function() {
                $('body, html').animate({
                    scrollTop: 0
                }, 500);
            });

            // 重置读书页面的Tab标签页的颜色
            $('li.tab a').hover(function() {
                $(this).toggleClass('text-lighten-4');
            });
            $('.indicator').addClass('pink lighten-2');

            
            // 添加new标签
            $('.menu-search').append('<span class="new badge pink"></span>');
            

            // 搜索功能
            $('.modal-trigger').leanModal();
            var searchXml = "search.xml";
            if (searchXml.length == 0) {
             	searchXml = "search.xml";
            }
            var searchPath = "/qianmeng/" + searchXml;
            initSearch(searchPath, 'search-input', 'search-result');
        });

        // 初始化搜索与匹配函数
        var initSearch = function(path, search_id, content_id) {
            'use strict';
            $.ajax({
                url: path,
                dataType: "xml",
                success: function(xmlResponse) {
                    // get the contents from search data
                    var datas = $("entry", xmlResponse).map(function() {
                        return {
                            title: $("title", this).text(),
                            content: $("content", this).text(),
                            url: $("url", this).text()
                        };
                    }).get();
                    var $input = document.getElementById(search_id);
                    var $resultContent = document.getElementById(content_id);
                    $input.addEventListener('input', function() {
                        var str = '<ul class=\"search-result-list\">';
                        var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
                        $resultContent.innerHTML = "";
                        if (this.value.trim().length <= 0) {
                            return;
                        }
                        // perform local searching
                        datas.forEach(function(data) {
                            var isMatch = true;
                            var content_index = [];
                            var data_title = data.title.trim().toLowerCase();
                            var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
                            var data_url = data.url;
                            var index_title = -1;
                            var index_content = -1;
                            var first_occur = -1;
                            // only match artiles with not empty titles and contents
                            if (data_title != '' && data_content != '') {
                                keywords.forEach(function(keyword, i) {
                                    index_title = data_title.indexOf(keyword);
                                    index_content = data_content.indexOf(keyword);
                                    if (index_title < 0 && index_content < 0) {
                                        isMatch = false;
                                    } else {
                                        if (index_content < 0) {
                                            index_content = 0;
                                        }
                                        if (i == 0) {
                                            first_occur = index_content;
                                        }
                                    }
                                });
                            }
                            // show search results
                            if (isMatch) {
                                keywords.forEach(function(keyword) {
                                    var regS = new RegExp(keyword, "gi");
                                    data_title = data_title.replace(regS, "<span class=\"search-keyword pink lighten-2\">" + keyword + "</span>");
                                });

                                str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
                                var content = data.content.trim().replace(/<[^>]+>/g, "");
                                if (first_occur >= 0) {
                                    // cut out 100 characters
                                    var start = first_occur - 20;
                                    var end = first_occur + 80;
                                    if (start < 0) {
                                        start = 0;
                                    }
                                    if (start == 0) {
                                        end = 100;
                                    }
                                    if (end > content.length) {
                                        end = content.length;
                                    }
                                    var match_content = content.substring(start, end);
                                    // highlight all keywords
                                    keywords.forEach(function(keyword) {
                                        var regS = new RegExp(keyword, "gi");
                                        match_content = match_content.replace(regS, "<span class=\"search-keyword pink lighten-2\">" + keyword + "</span>");
                                    });

                                    str += "<p class=\"search-result\">..." + match_content + "...</p>"
                                }
                                str += "</li>";
                            }
                        });
                        str += "</ul>";
                        $resultContent.innerHTML = str;
                    });
                }
            });
        }
    })(jQuery);
</script>


<script src="/qianmeng/js/prettify.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("pre").addClass("prettyprint");
        prettyPrint();
    });
</script>




<script type="text/javascript" src="http://tajs.qq.com/stats?sId=56073371" charset="UTF-8"></script>



<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
  src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>



	<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"145"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

</body>
</html>
